<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面未找到</title>

    <link rel="stylesheet" href="/static/layui/css/layui.css ">

    <link rel="stylesheet" href="/static/styles/center.css ">

    <style>
        .bg-404 {
            background-image: url("/static/images/404bg.jpg");
            background-position: center;
            background-color: #4ab9c1;
            background-size: 1280px 780px;
            background-repeat: no-repeat;
        }
        .bg-404 .root {
            margin: 25% 40% 25% 40%;
        }
        .bg-404 .root .re-btn {
            width: 300px;
            height: 50px;
            background-color: #4ab9c1;
            color: white;
            font-size: 24px;
        }
    </style>
</head>
<body class="bg-404">
    <div class="root">
        <button class="layui-btn re-btn" onclick="returnIndex()">返回首页</button>
    </div>
    <script>
        function returnIndex() {
            window.location.href = "/";
        }
    </script>
</body>
</html>